<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    template="/plantillas/plantilla-publica.xhtml">
    <ui:define name="cabecera">
        <title>Fauna de El Salvador - Reptiles</title>
    </ui:define>
    <ui:define name="contenido">
        <center>
            <p:panel id="reptilPnl" 
                        header="Herpetología" 
                        style="font-size: 120%; text-align: center; width:80%; min-width:800px !important;">
                        <p id="texto">
                            La herpetología es la rama de la zoología que estudia a los 
                            reptiles y anfibios.
                            <br/><br/>
                            El estudio de los anfibios beneficia a nuestro conocimiento 
                            del estado del ambiente, porque son muy 
                            sensibles a las perturbaciones de los ecosistemas, especialmente 
                            la contaminación, en parte por que su 
                            primer desarrollo se produce en ambientes acuáticos 
                            frecuentemente poco extensos o temporales.
                            <br/><br/>
                            Algunos venenos y toxinas producidas por los reptiles y los 
                            anfibios son útiles en la medicina humana; 
                            por ejemplo, el estudio de los venenos de ciertas serpientes 
                            se investiga en busca de fármacos anticoagulantes.
                        </p>
                    <p:spacer height="10"/>
                    <h:form id="reptilFrm">      
                        <p:dataTable id="reptilTbl" 
                                    var="reptil"
                                    rows="10"  
                                    selectionMode="single"
                                    paginator="true" 
                                    style="padding: 0 40px"
                                    paginatorPosition="bottom"
                                    value="#{reptilBean.listaReptiles}"
                                    rowKey="#{reptil.nombrecientifico}"
                                    emptyMessage="No hay registros disponibles.">
                            <f:facet name="header">  
                                <h:outputText value="Listado de Reptiles" 
                                            style="font-size: 115%"/>  
                            </f:facet>
                            <p:column headerText="Nombre científico"
                                    filterBy="#{reptil.nombrecientifico}" 
                                    sortBy="#{reptil.nombrecientifico}" 
                                    filterMatchMode="contains"
                                    style="font-size: 110%">  
                                <h:outputText id="nombrecientificoTxt" 
                                            value="#{reptil.nombrecientifico}" />  
                            </p:column>
                            <p:column headerText="Nombre común"
                                    filterBy="#{reptil.nombrecomun}" 
                                    sortBy="#{reptil.nombrecomun}" 
                                    filterMatchMode="contains"
                                    style="font-size: 110%">  
                                <h:outputText id="nombrecomunTxt" 
                                            value="#{reptil.nombrecomun}" />
                            </p:column>                      
                            <p:column headerText="Nombres conocidos"
                                    filterBy="#{reptilBean.getSinonimias(reptil)}" 
                                    sortBy="#{reptilBean.getSinonimias(reptil)}" 
                                    filterMatchMode="contains"
                                    style="font-size: 110%">  
                                <h:outputText id="nombreantiguoTxt" 
                                            value="#{reptilBean.getSinonimias(reptil)}" />  
                            </p:column> 
                            <p:column headerText="Detalles"
                                    styleClass="columna">
                                <p:button title="Detalle" 
                                        outcome="animal"
                                        icon="ui-icon-search">
                                    <f:param name="animal" 
                                                value="#{reptil.codigoanimal}" />
                                </p:button>
                            </p:column>
                        </p:dataTable>
                    </h:form>
                </p:panel>
        </center>
    </ui:define>  
</ui:composition>

